<template>
<div>
  <h1>{{msg}}</h1>
  <h2>爸爸的名字：{{name}}</h2>
  <h2>爸爸的年龄：{{age}}</h2>
  <h2>爸爸的生肖：{{zodiac}}</h2>
</div>
</template>

<script>
export default {
  name: "MyFather",
  data(){
    return{
      msg:"欢迎光临我的家庭"
    }
  },
  //接收的同时对数据：进行类型限制+默认值的指定+必要性的限制
  props:{
    name:{
      type:String,  //name是字符串类型
      required:true, //name是必要的
    },
    age:{
      type:Number,
      default:55,  //默认值
    },
    zodiac:{
      type:String,
      required: true,
    }
  }
}
</script>


